<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1�strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.teest{
	background-color:black;
	border: 1px dashed silver;
	width:700px;
	height:50px;
	color:silver;
}

.ptab1{
	color:red;
	float: left;
	width:200px;
}
.ptab2{
	float: left;
	width: 100px;
}




</style>
<div style="width:100px;overflow:show">
<span class="ptab1">text</span><span class="ptab2">text2</span><br />
<span class="ptab1">line2</span><span class="ptab2">line3</span>
</div>
<script src="mootools.v1.1.js"></script>
<script src="moodalbox.js"></script>
<script src="messages2.js"></script>
<script>
var msg = new Moossage();
function add(b)
{
 msg.addMessage(b);
}
</script>
<link rel="stylesheet" href="moodalbox.css" type="text/css" media="screen" />
</head>

<body>
<div id="msgbox" style="position: absolute;"></div>

<input type="text" id="xx" >
<input type="button" onclick="add($('xx').value);">
<input type="button" onclick="b();">
<a href="a.html" rel="moodalbox 800 600" title="Caption: a description of the page that's loading.">some page</a>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
aaaaaaaaa
</body>

</html>